<!DOCTYPE html>
<html>
  <head>
    <title>Time Series Custom</title>
  </head>
  <body>
    <div data-role="page">
      <div data-role="header">
        <h1>Time Series Custom</h1>
      </div>
      <div role="main" class="ui-content">
        <h1>Time Series Custom</h1>
        <p>A simple time series view.</p>
        <div data-role="controlgroup" data-type="horizontal" data-mini="true">
          <a href="/timeseries.csv?test=1" rel="external" class="ui-btn ui-corner-all">
            csv
          </a>
          <a href="/timeseries.txt?test=1" rel="external" class="ui-btn ui-corner-all">
            txt
          </a>
          <a href="/timeseries.json?test=1" rel="external" class="ui-btn ui-corner-all">
            json
          </a>
          <a href="/timeseries.xlsx?test=1" rel="external" class="ui-btn ui-corner-all">
            xlsx
          </a>
          <a href="/timeseries.xls?test=1" rel="external" class="ui-btn ui-corner-all">
            xls
          </a>
          <a href="/timeseries.png?test=1" rel="external" class="ui-btn ui-corner-all">
            png
          </a>
          <a href="/timeseries.svg?test=1" rel="external" class="ui-btn ui-corner-all">
            svg
          </a>
        </div>
        <hr>
        <table border="1" class="dataframe ui-table table-stripe">
	  <thead>
	    <tr style="text-align: right;">
	      <th></th>
	      <th>date</th>
	      <th>value</th>
	    </tr>
	    <tr>
	      <th>id</th>
	      <th></th>
	      <th></th>
	    </tr>
	  </thead>
	  <tbody>
	    <tr>
	      <th>1</th>
	      <td>2014-01-01</td>
	      <td>0.5</td>
	    </tr>
	    <tr>
	      <th>2</th>
	      <td>2014-01-02</td>
	      <td>0.4</td>
	    </tr>
	    <tr>
	      <th>3</th>
	      <td>2014-01-03</td>
	      <td>0.6</td>
	    </tr>
	    <tr>
	      <th>4</th>
	      <td>2014-01-04</td>
	      <td>0.2</td>
	    </tr>
	    <tr>
	      <th>5</th>
	      <td>2014-01-05</td>
	      <td>0.1</td>
	    </tr>
	  </tbody>
	</table>
      </div>
    </div>
  </body>
</html>
